<style>
    .form-commonsearch .form-group {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

    form.form-commonsearch .control-label {
        padding-right: 0;
    }

    .tdtitle {
        margin-bottom: 5px;
        font-weight: 600;
    }

    #channeltree {
        margin-left: -6px;
    }

    #channelbar .panel-heading {
        height: 55px;
        line-height: 25px;
        font-size: 14px;
    }

    @media (max-width: 1230px) {

        .fixed-table-toolbar .search .form-control {
            display: none;
        }
    }

    @media (min-width: 1200px) {

        #channelbar {
            width: 15%;
        }

        #archivespanel {
            width: 85%;
        }
    }

    .archives-label span.label {
        font-weight: normal;
    }

</style>
<div class="row">
    <div class="col-md-3 hidden-xs hidden-sm" id="channelbar" style="padding-right:0;">
        <div class="panel panel-default panel-intro">
            <div class="panel-heading">
                <div class="panel-lead">
                    <em>{:__('newscategorys')}</em>
                </div>
            </div>
            <div class="panel-body">
                <div id="channeltree"></div>
            </div>
			<div class="panel-footer ">
            	<a href="javascript:;" class="btn btn-info btn-dialog  {:$auth->check('wwh/newscategory/index')?'':'hide'}" data-url="wwh/newscategory/index" data-title="{:__('Category Manager')}" title="{:__('Category Manager')}"><i class="fa fa-pencil"></i> {:__('Category Manager')}</a>
            </div>
        </div>
    </div>
	
	
    <div class="col-xs-12 col-md-9" id="archivespanel">
        <div class="panel panel-default panel-intro">
            {:build_heading()}
            <div class="panel-body">
                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade active in" id="one">
                        <div class="widget-body no-padding">
                            <div id="toolbar" class="toolbar">
                                <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}">
                                    <i class="fa fa-refresh"></i>
                                </a>
                                <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('wwh/news/add')?'':'hide'}" title="{:__('Add')}">
                                    <i class="fa fa-plus"></i> {:__('Add')}</a>
                                <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('wwh/news/edit')?'':'hide'}"
                                    title="{:__('Edit')}">
                                    <i class="fa fa-pencil"></i> {:__('Edit')}</a>
                                <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('wwh/news/del')?'':'hide'}"
                                    title="{:__('Delete')}">
                                    <i class="fa fa-trash"></i> {:__('Delete')}</a>
                            </div>
                            <table id="table" class="table table-striped table-bordered table-hover table-nowrap" 
                                data-operate-edit="{:$auth->check('wwh/news/edit')}" 
                                data-operate-del="{:$auth->check('wwh/news/del')}"
                                width="100%">
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
